<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>地理位置</title>
</head>
<body>
    <p id="demo">点击这个按钮，获得您的坐标：</p>
    <button onclick="getLocation()">试一下</button>

    <script type="text/javascript">
        var x = document.getElementById("demo");
      /*  function getLocation() {
            if (navigator.geolocation){
                navigator.geolocation.getCurrentPosition(showPosition);
            } else{
                x.innerHTML = "not";
            }
        }*/

       /* function showPosition(position) {
            x.innerHTML="Latitude:" + position.coords.latitude
            + "<br>Longitude:" + position.coords.longitude;

        }*/

        function getLocation()
        {
            if (navigator.geolocation)
            {
                navigator.geolocation.getCurrentPosition(showPosition);
            }
            else{x.innerHTML="Geolocation is not supported by this browser.";}
        }
        function showPosition(position)
        {
            x.innerHTML="Latitude: " + position.coords.latitude +
                "<br />Longitude: " + position.coords.longitude;
        }
    </script>

</body>
</html>